<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
	<title>My first Chartist Tests</title>
	<link rel="stylesheet" th:href="@{/css/chartist/chartist.min.css}">
	<script type="text/javascript" th:src="@{/ajax/libs/chartist/dist/chartist.min.js}"></script>
	<script type="text/javascript" th:src="@{/ajax/libs/chartist/dist/chartist-plugin-threshold.min.js}"></script>
</head>
<body>
	<!-- Site content goes here !-->
	<div class="ct-chart ct-perfect-fourth"></div>
</body>
<script type="text/javascript">
new Chartist.Line('.ct-chart', {
	  labels: ['Jan', 'Feb', 'Mar', 'Apr', 'Mai', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
	  series: [
	    [5, -4, 3, 7, 20, 10, 3, 4, 8, -10, 6, -8]
	  ]
	}, {
	  showArea: true,
	  axisY: {
	    onlyInteger: true
	  },
	  plugins: [
	    Chartist.plugins.ctThreshold({
	      threshold: 4
	    })
	  ]
	});
</script>
</html>
